<template>
  <div class="answer">
    <div class="answer_title">
      {{ title.title }}
    </div>
    <div class="answer_content">
      {{ title.content }}
    </div>
  </div>
</template>


<script>
export default {
  name: "answer",
  props: ["title"],
};
</script>

<style scoped>
.answer {
  margin-top: 2vh;
  height: 4vh;
  width: 30vw;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.answer_title {
    height: 4vh;
    width: 3vw;
}
.answer_content{
    height: 4vh;
    width: 2vw;
    /*margin-left: 1vw;*/
}
</style>